﻿<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
	<link href="css/frame2.css" media="screen" rel="stylesheet" type="text/css">
	<script type="text/javascript" src="index/js/game.js"></script>
	<script type="text/javascript" src="js/js-athena.js"></script>
	<script type="text/javascript">
		function findTable(){
			displayPopup(2);
		}
	</script>
</head>
<body>
	<div class="wrapper" id="wrapperSG">
		<div id="contentLeft">
			<div id="selectDep">
				<a class="actDep" onclick="tabDep(0)">Phòng 1 (xxx/200)</a>
				<a class="" onclick="tabDep(1)">Phòng 2 (xxx/200)</a>
				<a class="" onclick="tabDep(2)">Phòng 3 (xxx/200)</a>
			</div>
			<div class="selectGame" id="gameDep1" style="display:block">
				<!-- <div class="tblGame" onclick="">             
	                <div class="headerGame"></div>
	                <div class="infoGame">
	                    <div class="tbl">
	                    	<div class="info">5/8</div>
	                    </div>
	                </div>
                </div> -->
			</div>
			<div class="selectGame" id="gameDep2" style="display:none"></div>
			<div class="selectGame" id="gameDep3" style="display:none"></div>			
		</div>
		<div id="contentRight">
			<ul>
				<li class="options" onclick="clickCreateTbl()">Tạo bàn</li>
				<li class="options" onclick="findTable()">Vào bàn</li>
				<li class="options" onclick="joinTbl()">Chơi ngay</li>
				<li class="options" onclick="backLvl()">Quay lại</li>
			</ul>
			<div id="info">
				<div id="topInfo"></div>
				<div id="tblInfo">
					<div id="imageInfo"><div class="image"></div></div>
					<div id="nameInfo">tidus</div>
					<div id="moneyInfo">500.000</div>
				</div>
				<div id="botInfo"></div>
			</div>
		</div>
		<div class="clear"></div>
	</div>
	
	<!-- POPUP -->
	<div id="popUpCreateTbl" class="popUp">
		<a class="popupClose" onclick="closePopUp(1)">x</a>
		<div class="divInputPopUp">
			<label for="tblName">Tên bàn:</label>&nbsp;
			<input type="text" name="tblN" id="tblName">
		</div>
		<table class="tblSelect" cellspacing='0'  border='0' cellpadding='0'>
			<tr>
				<td><input type="radio" name="createTbl" value="20" class="radio" id="20"></td>
				<td><label for="20" class="lblSelect">20 AG</label></td>
			</tr>
			<tr>
				<td><input type="radio" name="createTbl" value="50" class="radio" id="50"></td>
				<td><label for="50" class="lblSelect">50 AG</label></td>
			</tr>
			<tr>
				<td><input type="radio" name="createTbl" value="100" class="radio" id="100"></td>
				<td><label for="100" class="lblSelect">100 AG</label></td>
			</tr>
			<tr>
				<td><input type="radio" name="createTbl" value="200" class="radio" id="200"></td>
				<td><label for="200" class="lblSelect">200 AG</label></td>
			</tr>
		</table>
		<div class="divBtnPopUp">
			<input type="button" value="Ok" class="btnPU" onclick="createTbl()">
			<input type="button" value="Hủy bỏ" class="btnPU" onclick="closePopUp(1)">
		</div>	
	</div>
	
	<div id="popUpFindTbl" class="popUp">
		<a class="popupClose" onclick="closePopUp(2)">x</a>
		<div class="divInputPopUp">
			<label for="tblId">Số bàn:</label>&nbsp;
			<input type="text" name="tblI" id="tblId">
		</div>
		<div class="divBtnPopUp">
			<input type="button" value="Ok" class="btnPU" onclick="">
			<input type="button" value="Hủy bỏ" class="btnPU" onclick="closePopUp(2)">
		</div>	
	</div>
</body>
</html>